<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>
<div>
  <div apes-col apesSpan="10">
    <span>公司：</span>
    <ng-select style="width: 240px; display: inline-block;"
               typeToSearchText
               [items]="companyData"
               multiple="true"
               bindLabel="name"
               bindValue="id"
               placeholder="选填，可多选"
               [(ngModel)]="companyList"
               [notFoundText]="'无法找到'">
    </ng-select>
  </div>
</div>
<apes-content style="overflow-x: auto;">
  <apes-card [apesBordered]="false">
    <!-- 定损金额数据 -->
    <div style="height: 90px; margin-top: 10px; border: 1px solid #ddd;">
      <div style=" display: flex; text-align: center; font-size: 16px;" *ngFor="let header of organizationData">
            <span style="width: 300px; height:46px; line-height: 46px;" *ngFor="let i of headerConten">
                        {{i.track}}
                        <p style="font-size: 20px;">{{ header[i['headerTotal']] }}</p>
            </span>
      </div>
    </div>

    <!-- table -->
    <!-- 人保 -->
    <div>
      <h1 style="text-align:center">人保</h1>
      <ag-grid-angular #grid
                       style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="rbCount"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [pinnedBottomRowData]="pinnedBottomRowData">
      </ag-grid-angular>
    </div>

    <!-- 人寿 -->
    <div>
      <h1 style="text-align:center">人寿</h1>
      <ag-grid-angular #grid
                       style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="rsCount"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [pinnedBottomRowData]="pinnedBottomRowData">
      </ag-grid-angular>
    </div>

    <!-- 其他 -->
    <div>
      <h1 style="text-align:center">其他</h1>
      <ag-grid-angular #grid
                       style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="qtCount"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [pinnedBottomRowData]="pinnedBottomRowData">
      </ag-grid-angular>
    </div>
  </apes-card>
</apes-content>
